<!doctype html>
<html lang="en">	
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>基线对齐与高度无关</title>
		<!--都设为行内块  vertical-align:middle;  盒子基线居中对齐-->
		<style>
			*{margin:0;padding:0;}
			a{text-decoration:none;}
			ul,li{list-style:none;}
			body{font-size:12px;font-family:"微软雅黑";}
			.box{width:400px;height:400px;background: red;}
			.box a{display:inline-block;line-height:400px;padding:0 30px;background:yellow;vertical-align:middle;}
			.box i{display:inline-block;width:1px;height:12px;background:green;vertical-align:middle;}
		</style>
	</head>
	<body>
		
	<div class="box">
		<a href="">sadafsasfasfa</a>
		<i></i>
	</div>
		
	</body>
</html>
